<template>
  <div class="home">
    <h3 @click="toAbout">to about</h3>
    <h3>
      <router-link
        :to="{name: 'about'}"
      >
        to about
      </router-link>
    </h3>
    <h1>home</h1>
    <router-link to="/123">123</router-link>
    <br>
    <router-link to="/888?username=john&id=1234535">888</router-link>
    <br>
    <router-link to="/aaa">aaa</router-link>
    <br>
    <router-link to="/ccc">ccc</router-link>
    <br>
  </div>
</template>
<script>
export default {
  name: 'Home',
  methods: {
    toAbout() {
      this.$router.push({
        name: 'about'
      })
    }
  }
}
</script>
